import 'package:flutter/material.dart';
import 'package:get/get.dart';

class MallPay extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          backgroundColor: Color(0xffffffff),
          title: Text('请核对订单'),
          centerTitle: true),
      body: Column(
        children: [
          Expanded(
              child: ListView(
            padding: EdgeInsets.symmetric(horizontal: 15),
            children: [
              Container(
                margin: EdgeInsets.only(top: 15),
                padding: EdgeInsets.symmetric(horizontal: 15, vertical: 10),
                decoration: BoxDecoration(
                    color: Color(0XFFF8F9FD),
                    borderRadius: BorderRadius.circular(10)),
                child: Row(
                  children: [
                    ClipRRect(
                      borderRadius: BorderRadius.circular(10.0), // 设置圆角大小
                      child: Image.asset(
                        'static/aaa.png',
                        width: 80,
                        height: 80,
                        fit: BoxFit.fill,
                      ),
                    ),
                    SizedBox(
                      width: 10,
                    ),
                    Expanded(
                        child: Column(
                      children: [
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Text('超现实元宇宙数字艺术展厅',
                                style: TextStyle(
                                    fontSize: 15,
                                    color: Color(0XFF0F172B),
                                    fontWeight: FontWeight.bold)),
                            Text('X1',
                                style: TextStyle(
                                    fontSize: 14, color: Color(0XFF0F172B))),
                          ],
                        ),
                        SizedBox(
                          height: 25,
                        ),
                        Row(
                          children: [
                            Text('99',
                                style: TextStyle(
                                    fontSize: 18,
                                    color: Color(0XFF0F172B),
                                    fontWeight: FontWeight.bold)),
                            SizedBox(
                              width: 5,
                            ),
                            Text('积分',
                                style: TextStyle(
                                    fontSize: 16, color: Color(0XFF0F172B))),
                          ],
                        ),
                      ],
                    )),
                  ],
                ),
              ),
              Container(
                margin: EdgeInsets.only(top: 15),
                padding: EdgeInsets.symmetric(horizontal: 15, vertical: 10),
                decoration: BoxDecoration(
                    color: Color(0XFFF8F9FD),
                    borderRadius: BorderRadius.circular(10)),
                child: Row(
                  children: [
                    Expanded(
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text('高杉晋助 134****9874',
                            style: TextStyle(
                                fontSize: 15,
                                color: Color(0XFF0F172B),
                                fontWeight: FontWeight.bold)),
                        Text('广东省惠州市惠城区河南岸街道某某小区某某小 区304栋',
                            style: TextStyle(
                                fontSize: 12, color: Color(0XFF0F172B))),
                      ],
                    )),
                    SizedBox(
                      width: 20,
                    ),
                    Text('修改',
                        style: TextStyle(
                          fontSize: 12,
                          color: Color(0XFF1F0584),
                        )),
                  ],
                ),
              ),
              Container(
                margin: EdgeInsets.only(top: 15),
                padding: EdgeInsets.symmetric(horizontal: 15, vertical: 15),
                decoration: BoxDecoration(
                    color: Color(0XFFF8F9FD),
                    borderRadius: BorderRadius.circular(10)),
                    child: Column(
                     children: [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,

                        children: [
                          Text('兑换类型 ',style: TextStyle(fontSize: 14,color: Color(0XFF999999))),
                          Text('实物商品 ',style: TextStyle(fontSize: 14,color: Color(0XFF0F172B))),
                        ],
                      ),
                      SizedBox(height: 20,),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text('兑换数量 ',style: TextStyle(fontSize: 14,color: Color(0XFF999999))),
                          Text('1 ',style: TextStyle(fontSize: 14,color: Color(0XFF0F172B))),
                        ],
                      ),
                      SizedBox(height: 20,),

                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text('消耗积分 ',style: TextStyle(fontSize: 14,color: Color(0XFF999999))),
                          Text('22 ',style: TextStyle(fontSize: 14,color: Color(0XFF0F172B))),
                         
                        ],
                      ),

                     ],
                      
                    ),
              ),
              Container(
                margin: EdgeInsets.only(top: 15),
                padding: EdgeInsets.symmetric(horizontal: 15, vertical: 10),
                decoration: BoxDecoration(
                    color: Color(0XFFF8F9FD),
                    borderRadius: BorderRadius.circular(10)),
                    child: Row(
                      children: [
                        Image.asset('static/web/adddizhi.png',width: 17,fit: BoxFit.fitWidth,),
                        SizedBox(width: 5,),
                        Text('请添加收货地址',style: TextStyle(fontSize: 15,color: Color(0XFF0F172B))),
                         Expanded(child: SizedBox()),
                          Icon(
                            Icons.chevron_right,
                          ),
                      ],
                    ),
                    
              ),
              
            ],
          )),
          Align(
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Transform.scale(
                  scale: 0.7, // 放
                  child: Radio(
                    activeColor: Color(0XFF0F172B),
                    value: 1,
                    groupValue: 1,
                    onChanged: (Value) => {},
                    materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                  ),
                ),
                Text(
                  '我已阅读并同意《服务协议》',
                  style: TextStyle(fontSize: 12, color: Color(0XFF0F172B)),
                )
              ],
            ),
          ),
          Container(
            margin: EdgeInsets.only(left: 15,right: 15,bottom: 10),
            height: 60,
            decoration: BoxDecoration(
                color: Color(0XFF0F172B),
                borderRadius: BorderRadius.circular(60)),
            child: Row(
              children: [
                SizedBox(
                  width: 25,
                ),
                Text(
                  '99.00',
                  style: TextStyle(fontSize: 24, color: Color(0XFFFFFFFF)),
                ),
                Text(
                  '积分',
                  style: TextStyle(fontSize: 16, color: Color(0XFFFFFFFF)),
                ),
                Expanded(child: SizedBox()),
                GestureDetector(
                  onTap: () => {Get.toNamed('/web_tabs/shopping/mall_exchange')},
                  child: Text(
                    '立即支付',
                    style: TextStyle(fontSize: 18, color: Color(0XFFFFFFFF)),
                  ),
                ),
                SizedBox(
                  width: 25,
                ),
              ],
            ),
          )
        
        ],
      ),
    );
  }
}
